<script setup lang="ts">
import PersonalNav from './PersonalNav.vue';
</script>

<template>
    <div class="personal">
        <img class="personal-img" src="@/images/drug/drug-introduce-bg.jpg" alt="">
        <nav-content navData="&nbsp;&nbsp;>&nbsp;&nbsp;个人中心"></nav-content>
        <div class="personal-body">
            <PersonalNav></PersonalNav>
            <router-view></router-view>

        </div>
    </div>
</template>

<style scoped lang="scss">
.personal {

    .personal-img {
        display: flex;
        width: 100vw;
        height: 50vh;
    }

    .personal-body {
        display: flex;
        width: 80vw;
        margin: 0 auto;
    }
}
</style>